import React, { Component } from 'react'
import { HotStyle } from './HotStyle'
import connect from './connect'
import CartoonRoute from './CartoonRoute'
@connect
@CartoonRoute
class Hot extends Component {
    componentDidMount() {
        this.props.getCartoonDataCmp()
    }
    render() {
        return (
            <>
                {
                    this.props.cartoon && (
                        this.props.cartoon.map(item => {
                            return (
                                <HotStyle>
                                    
                                        <div>
                                            <span>{item.get('name')}</span>
                                            <span>{item.get('gz')}</span>
                                        </div>
                                        <div>
                                            <span>{item.get('cnxh')}</span>
                                            <span>{item.get('jrgx')}</span>
                                        </div>
                                        <div>
                                            <img src={item.get('img')} alt="" />
                                        </div>
                                        <div>
                                        <span>{item.get('h')}</span>
                                        <p>
                                            <span className="iconfont icon-xiaoxi11"></span>
                                            <span>2886</span>
                                        </p>
                                        <p>
                                            <span className="iconfont icon-muzhi"></span>
                                            <span>{item.get('dz')}</span>
                                        </p>
                                        <span className="iconfont icon-chushaixuanxiang"></span>
                                    </div>
                                
                                </HotStyle>
                            )
                        })
                    )
                }
            </>
        )
    }
}
export default Hot
